Tengo un sitio web de varias páginas y estoy usando un encabezado dinámico, así que necesito que mis enlaces tengan / antes de él para que siempre apunte hacia la carpeta raíz, agregué bootstrap scrollspy y funciona cuando tengo mi código como este
<body data-bs-spy="scroll" data-bs-target=".navbar-nav" data-bs-offset="0" class="scrollspy-example" tabindex="0" > <li id="dropdownheading" class="nav-item my-auto dropdown"> <a class="nav-link dropdown-toggle " href="#" id="navbarDropdown" role="button" ata-bs-toggle="dropdown" aria-expanded="false"> Dropdown heading </a> <ul class="dropdown-menu " aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="#div-id1">div 1</a></li> <li><a class="dropdown-item" href="#div-id2">div 2</a></li> <li><a class="dropdown-item" href="#div-id2">div 3</a></li> </ul> </li>Pero cuando agrego / before ids no funciona, ejemplo
<body data-bs-spy="scroll" data-bs-target=".navbar-nav" data-bs-offset="0" class="scrollspy-example" tabindex="0" > <li id="dropdownheading" class="nav-item my-auto dropdown"> <a class="nav-link dropdown-toggle " href="#" id="navbarDropdown" role="button" ata-bs-toggle="dropdown" aria-expanded="false"> Dropdown heading </a> <ul class="dropdown-menu " aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="/#div-id1">div 1</a></li> <li><a class="dropdown-item" href="/#div-id2">div 2</a></li> <li><a class="dropdown-item" href="/#div-id2">div 3</a></li> </ul> </li>Hay alguna solución